<template>
	<view>
		<tm-card v-for="(item,index) in UserData" :key="index" :statusText="item.name+'-'+item.systemDESC"
			statusColor="red" bgColor="blue" :actionBorder="false" :titleBorder="false">
			<template v-slot:content="cardslot">
				<tm-row>
					<tm-col :grid="6" v-for="(items,indexs) in item.list" :key="indexs">
						<tm-sheet color="blue text sm" style="height: 50px;" class="bx-active"
							@click="showDetail(items.id)">
							{{items.name}}
						</tm-sheet>
					</tm-col>
				</tm-row>
			</template>
		</tm-card>
		<bx-tabbar></bx-tabbar>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				
				UserData: [{
						"name": "石化领域",
						"systemDESC": "石化领域相关计算公式",
						"userDESC": "用户自定义描述信息",
						"list": [{
								"name": "密度计算",
								"id": "density",
								"systemDESC": "适用于原油、石油产品、润滑油",
								"userDESC": ""
							},
							{
								"name": "四变量法十六烷指数",
								"id": "16",
								"systemDESC": "GB/T 34273-2021",
								"userDESC": ""
							},
							{
								"name": "插值法辛烷值计算",
								"id": "RON-Interpolation",
								"systemDESC": "GB/T 5487-2015",
								"userDESC": ""
							},
							{
								"name": "气体换算",
								"id": "GasConversionAndCalculation",
								"systemDESC": "液化气蒸汽压、相对密度、MON计算",
								"userDESC": ""
							},

						]
					},
					{
						"name": "机械领域",
						"systemDESC": "机械领域相关计算公式",
						"userDESC": "用户自定义描述信息",
						"list": [{
								"name": "占位",
								"systemDESC": "适用于原油、石油产品、润滑油",
								"userDESC": ""
							},

						]
					}
				]
			}
		},
		onLoad() {

		},
		methods: {
			showDetail(res) {
				uni.navigateTo({
					url: '../commonPage/index?qid=' + res,
					success: res => {},
					fail: () => {},
					complete: () => {}
				});
			}
		}
	}
</script>

<style>

</style>
